<div class="row">
    <div class="col-lg-3 col-xs-6">
        <!-- small box -->
        <div class="small-box bg-aqua">
            <div class="inner">
                <h3>{{ $monthCards['value'] }}</h3>

                <p>本月收入</p>
            </div>
            <div class="icon">
                <i class="ion ion-bag"></i>
            </div>
            <a href="javascript:void(0)" data-url="{{ url('/admin/cards') }}" class="small-box-footer" onclick="jumpfun(this)">More info <i class="fa fa-arrow-circle-right"></i></a>
        </div>
    </div>
    <!-- ./col -->
    <div class="col-lg-3 col-xs-6">
        <!-- small box -->
        <div class="small-box bg-green">
            <div class="inner">
                <h3>{{ $monthCards['remainder_value'] }}</h3>

                <p>总余额</p>
            </div>
            <div class="icon">
                <i class="ion ion-stats-bars"></i>
            </div>
            <a href="#" class="small-box-footer"> <i class="fa fa-arrow-circle-right"></i></a>
        </div>
    </div>
    <!-- ./col -->
    <div class="col-lg-3 col-xs-6">
        <!-- small box -->
        <div class="small-box bg-yellow">
            <div class="inner">
                <h3>{{ $monthChildren }}</h3>

                <p>本月新增宝宝数</p>
            </div>
            <div class="icon">
                <i class="ion ion-person-add"></i>
            </div>
            <a href="javascript:void(0)" data-url="{{ url('/admin/children') }}" class="small-box-footer" onclick="jumpfun(this)">More info <i class="fa fa-arrow-circle-right"></i></a>
        </div>
    </div>
    <!-- ./col -->
    <div class="col-lg-3 col-xs-6">
        <!-- small box -->
        <div class="small-box bg-red">
            <div class="inner">
                <h3>{{ $monthConsumes }}</h3>

                <p>当月消耗</p>
            </div>
            <div class="icon">
                <i class="ion ion-pie-graph"></i>
            </div>
            <a href="javascript:void(0)" data-url="{{ url('/admin/consumes') }}" class="small-box-footer" onclick="jumpfun(this)">More info <i class="fa fa-arrow-circle-right"></i></a>
        </div>
    </div>
    <!-- ./col -->
</div>
<!-- /.row -->
<!-- Main row -->
<div class="row">
    <!-- Left col -->
    <section class="col-lg-4 connectedSortable">

        <!-- TO DO List -->
        <div class="box box-primary">
            <div class="box-header">
                <i class="ion ion-clipboard"></i>

                <h3 class="box-title">今日课程</h3>

                <div class="box-tools pull-right">
                    {{ substr(Carbon\Carbon::today(), 0, 10) }}，
                    第{{ Carbon\Carbon::today()->weekOfYear }}周，
                    周{{ Carbon\Carbon::today()->dayOfWeek }}
                </div>
            </div>
            <!-- /.box-header -->
            <div class="box-body">
                <ul class="todo-list">
                    @foreach($todayClasses as $class)
                    <li>
                        <!-- drag handle -->
                        <span class="handle">
                            <i class="fa fa-ellipsis-v"></i>
                            <i class="fa fa-ellipsis-v"></i>
                        </span>
                        <!-- todo text -->
                        <span class="text-danger">@if(isset($class->class_name)){!! $class->class_name !!}@endif</span>
                        <!-- Emphasis label -->
                        <span class="text"> {{ $class->class_time }} </span>
                        <small class="label label-success">{{ $class->course_age }}岁</small>
                        <span class="text-info pull-right"> {{ $class->nice_name }}老师 </span>
                        <!-- General tools such as edit or delete-->
                        {{--<div class="tools">--}}
                            {{--<i class="fa fa-edit"></i>--}}
                            {{--<i class="fa fa-trash-o"></i>--}}
                        {{--</div>--}}
                    </li>
                    @endforeach
                </ul>
            </div>
            <!-- /.box-body -->
            <div class="box-footer clearfix no-border">
                {{--<button type="button" class="btn btn-default pull-right"><i class="fa fa-plus"></i> Add item</button>--}}
            </div>
        </div>
        <!-- /.box -->

    </section>

</div>